import { Button } from 'antd';
import React from 'react';
import styles from "./userInfo.module.less"
import { RocketOutlined } from '@ant-design/icons';

export const UserInof = () => {
    return (
        <div className={styles.userInfoContainer}>
            <div className={styles.userInfoContent}>
                <div className={styles.userInfoFollow}>
                    <div className={styles.follow}>
                        <span>关注了</span>
                        <b>0</b>
                    </div>
                    <div style={{ width: "1px" }}></div>
                    <div className={styles.follow}>
                        <span>关注了</span>
                        <b>0</b>
                    </div>
                </div>
                <div className={styles.btnModifyInfo}>
                    <Button type="link" block>编辑资料</Button>
                </div>
                <div className={styles.achievementContribution}>
                    <p className={styles.contributionTitle}>成就贡献</p>
                    <div className={styles.contributionList}>
                        <div className={styles.contributionItem}>
                            <div>icon</div>
                            <div className={styles.desc}>
                                声望等级 
                                <a href="">暂无</a>
                            </div>
                        </div>
                        <div className={styles.contributionItem}>
                            <div>icon</div>
                            <div className={styles.desc}>
                                声望等级
                                <a href="">暂无</a>
                            </div>
                        </div>
                        <div className={styles.contributionItem}>
                            <div>icon</div>
                            <div className={styles.desc}>
                                声望等级
                                <a href="">暂无</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div className={styles.userDesc}>
                    <p >个人简介</p>
                    <div>
                        <RocketOutlined />
                        <span style={{marginLeft:"10px"}}>男</span>
                    </div>
                </div>
                <div className={styles.userDesc}>
                    <p >擅长技能</p>
                    
                </div>
            </div>
        </div>
    )
}